<template>
	<view>
		<navbar :title="title" :autoBack="true"></navbar>
		<scroll-view scroll-y="true" class="scbox">
			<view class="con">
				<view class="" v-for="(item,index) in 20" :key="index">
					<view class="con__time">
						2023.07.15 18:30
					</view>
					<view class="con__item">
						<view class="con__item__title">
							<view class="con__item__title__dian">
								
							</view>
							{{title}}名称
						</view>
						<view class="con__item__text">
							系统通知系统通知系统通知系统通知系统通知系统通知系统 通知。系统通知。
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title:''
			};
		},
		onLoad(o) {
			this.title=o.title
		}
	}
</script>

<style lang="scss">
	.scbox {
		background-color: #f8f8f8;
		position: relative;
		margin-top: 20rpx;
		height: calc(100vh - var(--status-bar-height) - 44px - 20rpx);
	}
	.con{
		padding: 0 30rpx 50rpx;
		&__time{
			height: 90rpx;
			line-height: 90rpx;
			text-align: center;
			font-family: AlibabaPuHuiTi_2_55_Regular;
			font-weight: 400;
			font-size: 24rpx;
			color: #6A7475;
			opacity: 0.8;
		}
		&__item{
			padding: 45rpx 30rpx 30rpx 27rpx;
			background-color: #fff;
			border-radius: 20rpx;
			&__title{
				display: flex;
				align-items: center;
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #1E1E1E;
				line-height: 32rpx;
				&__dian{
					width: 9rpx;
					height: 9rpx;
					border-radius: 50%;
					border: 4rpx solid #3262FD;
					margin-left: 4rpx;
					margin-right: 12rpx;
				}
			}
			&__text{
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 25rpx;
				color: #6A7475;
				line-height: 42rpx;
				margin-top: 22rpx;
			}
		}
	}
</style>